<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title></title>
    <script src="js/common/echats5.3.0.js"></script>
    <script src="js/common/jquery-2.1.4.min.js"></script>
    <script src="js/common/echarts-gl.min.js"></script>
    <script src="./js/common/rem.js"></script>
    <script src="js/common/wuxiang.js"></script>
    <script src="https://webapi.amap.com/maps?v=2.0&key=58b2727d1279ff7cdae043dc1159051f"></script>
    <script src="https://webapi.amap.com/loca?v=2.0.0&key=58b2727d1279ff7cdae043dc1159051f"></script>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/animate.min.css" />
    <link rel="stylesheet" href="./css/animate.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/bbtj.css" />
    <script src="js/common/countNum.js"></script>
    <script src="js/common/crypto-js.min.js"></script>
    <script src="js/common/url.js"></script>
</head>
<style>
    .leftBox .boxCard{
        padding: 0;
    }
</style>
<body  style="overflow: hidden">
    <div id="head"></div>
    <script type="text/javascript">
        $("#head").load("./header.html");
        setTimeout(function () {
            // 菜单
            var res = $(".bottomMenu .menu:contains(帮办统计)");
            $(res).addClass("active");
        }, 500);
    </script>
    <!-- 左侧 -->
    <div class="leftBox  animated animate__fadeInLeftBig">
        <div class="boxCard">
            <div class="boxCardTitleTwo">
                办件统计
            </div>
            <div class="flex mt20" style="color: #D0DEEE;">
                <img src="./images/bbtj/icon_dqwwc.png" alt="" style="width: 94rem;height:98rem;">
                <div class="flex-shu-center">
                    <div>当前未完成工单</div>
                    <div>
                        <span class="fontshuzi font32 text-xie colorwhite font700 mr10" id="noDoNum">0</span>件
                    </div>
                </div>
            </div>
            <div class="flex" style="color: #D0DEEE;">
                <img src="./images/bbtj/icon_ljbb.png" alt="" style="width: 94rem;height:98rem;">
                <div class="flex-shu-center">
                    <div>累计帮办</div>
                    <div>
                        <span class="fontshuzi font32 text-xie colorwhite font700 mr10" id="allHelpNum">0</span>件
                    </div>
                </div>
            </div>
        </div>
        <div class="boxCard mt25">
            <div class="boxCardTitleTwo">
                帮办员统计
            </div>
            <div class="flex mt20" style="color: #D0DEEE;">
                <img src="./images/bbtj/icon_dqrwz.png" alt="" style="width: 94rem;height:98rem;">
                <div class="flex-shu-center">
                    <div>当前任务中</div>
                    <div>
                        <span class="fontshuzi font32 text-xie colorwhite font700 mr10" id="onTask">0</span>人
                    </div>
                </div>
                <img src="./images/bbtj/icon_dqkx.png" alt="" style="width: 94rem;height:98rem;">
                <div class="flex-shu-center">
                    <div>当前空闲</div>
                    <div>
                        <span class="fontshuzi font32 text-xie colorwhite font700 mr10" id="onLeisure">0</span>人
                    </div>
                </div>
            </div>
            <div class="flex" style="color: #D0DEEE;">
                <img src="./images/bbtj/icon_ljbb.png" alt="" style="width: 94rem;height:98rem;">
                <div class="flex-shu-center">
                    <div>帮办员总数</div>
                    <div>
                        <span class="fontshuzi font32 text-xie colorwhite font700 mr10" id="allHelpPeople">0</span>人
                    </div>
                </div>
            </div>
        </div>
        <div class="boxCard mt25">
            <div class="boxCardTitleTwo">
                接件统计
            </div>
            <div class="flexbetween">
                <div class="cqlxzdDataBox mt20">
                    <div class="name">昨天</div>
                    <div class="value mt10">
                        <span id="countYesterdayNum">0</span>件
                    </div>
                </div>
                <div class="cqlxzdDataBox mt20">
                    <div class="name">近一周</div>
                    <div class="value mt10">
                        <span id="countWeekNum">0</span>件
                    </div>
                </div>
                <div class="cqlxzdDataBox mt20">
                    <div class="name">近一月</div>
                    <div class="value mt10">
                        <span id="countMonthNum">0</span>件
                    </div>
                </div>
            </div>
            <div id="accpetChart" style="height: 200rem;"></div>
        </div>
    </div>
    <!-- 右侧 -->
    <div class="rightBox  animated animate__fadeInRightBig">
        <div class="boxCard">
            <div class="boxCardTitle">
                好评率
            </div>
            <div class="hplBox flexbetween mt20">
                <div style="width: 30%;">
                    <div>好评</div>
                    <div>
                        <span class="fontshuzi colorwhite font20 font700 text-xie mr5" id="goodHelpNum">0</span>件
                    </div>
                </div>
                <div class="valueBox">
                    <div class="value">100%</div>
                    <div>好评率</div>
                </div>
                <div style="width: 30%;" class="text-right">
                    <div>差评</div>
                    <div>
                        <span class="fontshuzi colorwhite font20 font700 text-xie mr5">0</span>件
                    </div>
                </div>
            </div>
        </div>
        <div class="boxCard mt20">
            <div class="boxCardTitle">
                帮办事项统计
            </div>
            <div class="cqlxzdDataBox mt20 itemCountAllNumBox" style="width: 100%;">
                <div class="name">事项总数</div>
                <div class="value mt10" style="line-height: 60rem;height:60rem;">
                    <span id="helpItemNum">0</span>项
                </div>
            </div>
            <div class="boxCardTitleThree mt20">
                热门事项
            </div>
            <table class="mytable mt10" style="table-layout: fixed">
                <thead>
                    <tr>
                        <th style="width: 20%;">序号</th>
                        <th style="width: 60%;text-align: left;">事项名称</th>
                        <th style="width: 20%;text-align: left;">帮办次数</th>
                    </tr>
                </thead>
            </table>

            <div id="hot-con_table_container" style="height: 150rem; overflow: hidden">
                <table id="hotCon" class="mytable" style="table-layout: fixed">

                </table>
            </div>
        </div>
        <div class="boxCard mt20">
            <div class="boxCardTitle">
                各乡镇帮办量统计
            </div>
            <div id="townHelpCount" style="height:260rem" class="mt10"></div>
        </div>
    </div>
    <!-- 地图 -->
    <div id="map" style="
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                z-index: 0;
            "></div>



</body>

</html>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="./js/help/bbtj.js"></script>
<script>
    $(".zhezhao").click(function (e) {
        if ($(e.target).context.className == 'tc_box') {
            $(this).hide();
        }
    })
</script>
